// global config
$serif: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC",
  "Microsoft YaHei", sans-serif;
$sans-serif: "Fira Code", Consolas, "Lucida Console", "Courier", monospace, "Helvetica Neue",
  Helvetica, Arial, sans-serif;
$box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
$global: (
  root-size: 16px,
  serif: $serif,
  sans-serif: $sans-serif,
  write-width: 90%,
  bd-radius-4: 4px,
  bd-radius-6: 6px,
  box-shadow: $box-shadow,
  bg: #fefefe,
  color: #282c34,
  selected-bg: #bac6e9,
  hover-bg: #bac6e9,
  dropdown-bg: #fff,
  bd-1-dark: 1px solid #eee
);

// code-fences color
$code-fences: (
  bg: #282c34,
  normal-color: #abb2bf,
  linenumber-color: #737984,
  cursor-color: #528bff,
  text-selected-bg: #bac6e9,
  code-selected-bg: rgb(64, 72, 89),
  code-tooltip-color: #fff
);

$code-color: (
  keyword: #c678dd,
  operator: #56b6c2,
  variable: #d19a66,
  variable-2: #e06c75,
  variable-3: #e06c75,
  builtin: #e8bf6a,
  atom: #d19a66,
  number: #d19a66,
  def: #e06c75,
  string: #98c379,
  string-2: #80cbc4,
  comment: #629755,
  tag: #e06c75,
  meta: #e06c75,
  attribute: #d19a66,
  property: #61afef,
  qualifier: #decb6b,
  error: #fff,
  bracket: #abb2bf
);

// format menu
// strong,underline,hightlight etc.
$format: (
  strong-bg: inherit,
  strong-color: #b5302e,
  emphasis-bg: inherit,
  emphasis-color: #949415,
  u-bg: inherit,
  u-color: inherit,
  u-bd: #f00,
  code-bg: rgba(34, 37, 38, 0.05),
  code-color: #e96900,
  strike-bg: inherit,
  strike-color: #999,
  mark-bg: #ff0,
  mark-color: #282c34,
  hyperlink-bg: inherit,
  hyperlink-color: rgb(36, 132, 193)
);

// paragraph menu
// blockquote, table, task-list etc.
$paragraph: (
  // h1-h3
  h-style: normal,
  h12-align: center,
  h1-size: 3rem,
  h2-size: 2.4rem,
  h3-size: 1.8rem,
  h2-bd: #2f2f2f,
  // blockquote
  bq-bd-width: 8px,
  bq-bd: rgb(47, 132, 94),
  bq-bg: rgba(66, 185, 131, 0.1),
  // horizontal line
  hr-shape: dashed,
  hr-bd: #abb2bf,
  // table
  table-bd: #ddd,
  table-thead-bg: #e7ecf3,
  table-thead-color: #000,
  table-edit-bg: #ddd,
  // yaml front matter
  front-matter-bg: #e7ecf3,
  front-matter-color: #486491,
  // task list
  task-bd-shape: 50%,
  task-bd: #737373,
  task-bg: #fff,
  task-done-bg: #67c23a,
  task-done-icon: #fff,
  task-done-color: #999,
  // math,html block
  math-html-block-bg: #f5f6f7,
  math-block-color: #282c34,
  math-linenumber-gutters-bg: #f5f6f7,
  math-selected-bg: #bac6e9
);

$ui-control: (
  // sidebar
  sidebar-file-acitve-bd: rgb(47, 132, 94),
  sidebar-file-acitve-bg: rgba(66, 185, 131, 0.1),
  sidebar-menu-bg: #fafafa,
  // scrollBar
  sb-bg: rgba(0, 0, 0, 0.3),
  // quick open
  qo-color: #282c34,
  // modal dialog
  m-d-bg: #f5f6f7,
  // preferences
  pf-color: #282c34,
  pf-nav-item-active-color: #efefef,
  pf-nav-item-active-bg: rgb(47, 132, 94)
);
